<link href="{{ getAssets }}js/ionRangeSlider/css/ion.rangeSlider.css" rel="stylesheet" type="text/css"></link>
<link href="{{ getAssets }}js/ionRangeSlider/css/ion.rangeSlider.skinFlat.css" rel="stylesheet" type="text/css"></link>

<div class="widget am-cf">
	<div class="widget-head am-cf">
        <div class="widget-title am-fl">选择光度范围</div>
        <div class="widget-function am-fr">
            <button type="submit" class="am-btn am-btn-primary" id="submitBtn"><i class="am-icon-check"></i> 选择光度</button>
        </div>
    </div>
    <div class="widget-body  am-fr">
    	<div class="row am-cf" style="padding-right:20px;">
          <div class="am-form-group am-u-sm-12" style="margin-top:30px;">
              <label class="am-u-sm-2 am-form-label" style="font-weight:normal">球镜范围</label>
              <div class="am-u-sm-10" style="border-bottom:1px solid #e5e5e5; padding-bottom:8px;">
                 <input type="text" id="range_1" />
              </div> 
          </div>
          <div class="am-form-group am-u-sm-12" style="margin-top:30px;">
              <label class="am-u-sm-2 am-form-label" style="font-weight:normal">柱镜范围</label>
              <div class="am-u-sm-10" style="border-bottom:1px solid #e5e5e5; padding-bottom:8px;">
                  <input type="text" id="range_2" />
              </div> 
          </div>	
        </div>
    </div>
</div>